<!-- Template for Interface -->
<table class="editor_table">
    <tr>
        <td class="editor_header">Interface</td>
        <td class="editor_header_right">
            <img src="media/icons/icon_trash_16px.png" class="editor_list_trash_button" 
                 onclick="project.currentEditor.evDeleteDiagramElement();"
                 title="Remove interface from diagram"/>
            <img src="media/icons/icon_trash_red_16px.png" class="editor_list_trash_button" 
                 onclick="project.currentEditor.evDeleteModel();"
                 title="Delete interface"/>
        </td>
    </tr>
    <tr>
        <td class="editor_left_column">Name:</td>
        <td class="editor_right_column">
            <input type="text" id="InterfaceAttributeName" onkeyup="project.currentEditor.evPropertyChanged('name',this.value);">
        </td>
    </tr>
    <tr>
        <td class="editor_left_column">Visibility:</td>
        <td class="editor_right_column">
            <select id="InterfaceAttributeVisitility" onchange="project.currentEditor.evPropertyChanged('visibility',this.value);">
                <option value="+">Public</option>
                <option value="#">Protected</option>
                <option value="-">Private</option>
            </select>
        </td>
    </tr>
    
    <tr>
        <td colspan="2">
            <hr/>
        </td>
    </tr>
    
    <tr>
        <td class="editor_header">Operations</td>
        <td class="editor_header_right">
            <img src="media/icons/icon_add_16px.png" class="editor_list_add_button" 
                 onclick="project.currentEditor.evNewOperation();"
                 title="Create new operation"/>
        </td>
    </tr>
    <tr>
        <td colspan="2">
            <table id="InterfaceAttributeOperationList" class="editor_list_table">
                <!-- Operations go here -->
            </table>
        </td>
    </tr>
    
    <tr>
        <td colspan="2">
            <hr/>
        </td>
    </tr>
    
    <tr>
        <td class="editor_header">Stereotypes</td>
        <td class="editor_header_right">
            <img src="media/icons/icon_add_16px.png" class="editor_list_add_button" 
                 onclick="project.currentEditor.evNewStereotype();"
                 title="Create new stereotype"/>
        </td>
    </tr>
    <tr>
        <td colspan="2">
            <table id="InterfaceAttributeStereotypeList" class="editor_list_table">
                <!-- Stereotypes go here -->
            </table>
        </td>
    </tr>
</table>
